<span class="filterTitle">QBT_TR(Status)QBT_TR</span>
<ul class="filterList">
    <li id="all_filter"><a href="#" onclick="setFilter('all');return false;"><img src="images/skin/filterall.png"/>QBT_TR(All (0))QBT_TR</a></li>
    <li id="downloading_filter"><a href="#" onclick="setFilter('downloading');return false;"><img src="images/skin/downloading.png"/>QBT_TR(Downloading (0))QBT_TR</a></li>
    <li id="seeding_filter"><a href="#" onclick="setFilter('seeding');return false;"><img src="images/skin/uploading.png"/>QBT_TR(Seeding (0))QBT_TR</a></li>
    <li id="completed_filter"><a href="#" onclick="setFilter('completed');return false;"><img src="images/skin/completed.png"/>QBT_TR(Completed (0))QBT_TR</a></li>
    <li id="resumed_filter"><a href="#" onclick="setFilter('resumed');return false;"><img src="images/skin/resumed.png"/>QBT_TR(Resumed (0))QBT_TR</a></li>
    <li id="paused_filter"><a href="#" onclick="setFilter('paused');return false;"><img src="images/skin/paused.png"/>QBT_TR(Paused (0))QBT_TR</a></li>
    <li id="active_filter"><a href="#" onclick="setFilter('active');return false;"><img src="images/skin/filteractive.png"/>QBT_TR(Active (0))QBT_TR</a></li>
    <li id="inactive_filter"><a href="#" onclick="setFilter('inactive');return false;"><img src="images/skin/filterinactive.png"/>QBT_TR(Inactive (0))QBT_TR</a></li>
    <li id="errored_filter"><a href="#" onclick="setFilter('errored');return false;"><img src="images/skin/error.png"/>QBT_TR(Errored (0))QBT_TR</a></li>
</ul>
<br/>
<span class="filterTitle">QBT_TR(Categories)QBT_TR</span>
<ul id="filterCategoryList" class="filterList">
</ul>

<script type="text/javascript">
    var categoriesFilterContextMenu = new CategoriesFilterContextMenu({
        targets : '.categoriesFilterContextMenuTarget',
        menu : 'categoriesFilterMenu',
        actions : {
            CreateCategory : function (element, ref) {
                createCategoryFN();
            },
            DeleteCategory : function (element, ref) {
                removeCategoryFN(element.id);
            },
            DeleteUnusedCategories : function (element, ref) {
                deleteUnusedCategoriesFN();
            },
            StartTorrentsByCategory : function (element, ref) {
                startTorrentsByCategoryFN(element.id);
            },
            PauseTorrentsByCategory : function (element, ref) {
                pauseTorrentsByCategoryFN(element.id);
            },
            DeleteTorrentsByCategory : function (element, ref) {
                deleteTorrentsByCategoryFN(element.id);
            }
        },
        offsets : {
            x : -15,
            y : 2
        },
        onShow: function () {
            this.options.element.firstChild.click();
        }
    });
</script>
